<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>MyPage</title>
        <link rel="stylesheet" href="css/bootstrap.min.css" />
        <script type="text/javascript" src="js/jquery.min.js"></script>
        <script type="text/javascript" src="js/bootstrap.min.js"></script>
    </head>
    <body>
    <div class="col-md-12">
       <a href="#"><img src="img/user1.jpg" class="img-circle" style="width:100px;height:100px;margin-left:600px;margin-top:50px"></a>
       <h3 style="margin-left:590px;">可爱的小熊</h3>
       <small style="margin-left:570px;">一句话介绍一下自己吧，让别人更了解你</small><br><br><br><br>
     </div>
    <div style="width: 100%;height:100%;position: fixed;top:0;left:0;z-index:-1">
       <img src="img/bg2.jpg" style="width: 100%;height: 100%">
    </div>
    <div class="container">
        <div class="row">
         <div class="col-md-12"> 
        <ul class="breadcrumb" style="widht:600px;" align="center">
                <li class="active"><a href="MyPage.html">我的主页</a></li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <li><a href="#" class="text-muted">我的相册</a></li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <li><a href="#" class="text-muted">管理中心</a></li>
        </ul>
       </div>
     </div>
    </div>
<div class="container">
    <div class="row">
        <div class="col-md-4">
              <ul class="breadcrumb" style="widht:600px;" align="center">
                <li class="active"><a href="#"><strong>79</strong></a><br><small>关注</small></li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <li><a href="#" class="text-muted"><strong>30</strong></a><br><small>粉丝</small></li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <li><a href="#" class="text-muted"><strong>74</strong></a><br><small>微博</small></li>
              </ul>
        </div>
    
         <div class="col-md-8" style="margin-top:-100px">
              <table class="table-default" style="background:#fffffb;">
                <tr >
                   <td><h4 style="margin-top:30px;margin-left:20px"><strong>基本信息</strong></h4></td> 
                   <td><a href="#" style="margin-left:520px;margin-top:30px;margin-right:30px">编辑</a></td><br>
                </tr><br>
                <tr>
                    <td><p style="margin-left:50px">登录名</p></td>
                    <td><p style="margin-left:20px">27***62@qq.com<span><a href="#">修改密码</a></span></p></td>
                </tr>
                <tr>
                    <td><p style="margin-left:63px">昵称</p></td>
                    <td><p style="margin-left:20px">可爱的小熊</p></td>
                </tr>
                <tr>
                    <td><p style="margin-left:40px">真实姓名</p></td>
                    <td><p style="margin-left:20px">张三</p></td>
                </tr>
                <tr>
                    <td><p style="margin-left:55px">所在地</p></td>
                    <td><p style="margin-left:20px">四川成都</p></td>
                </tr>
                <tr>
                    <td><p style="margin-left:65px">性别</p></td>
                    <td><p style="margin-left:20px">女</p></td>
                </tr>
                <tr>
                    <td><p style="margin-left:50px">性取向</p></td>
                    <td><a href="#" style="margin-left:20px">马上填写</a><span>自己的性取向，让合适的人找到你</span></td>
                </tr>
                <tr>
                    <td><p style="margin-left:40px">感情状况</p></td>
                    <td><p style="margin-left:20px">念爱中</p></td>
                </tr>
                <tr>
                    <td><p style="margin-left:65px">血型</p></td>
                    <td><a href="#"style="margin-left:21px">马上填写</a><span>自己的血型，可以被更多血型的人找到哦</span></td>
                </tr>
                <tr>
                    <td><p style="margin-left:40px">个性域名</p></td>
                    <td><a href="#"style="margin-left:21px">马上填写</a><span>自己的博客地址，让自己的心声被更多的人了解</span></td>
                </tr>
                <tr>
                    <td><p style="margin-left:65px">简介</p></td>
                    <td><a href="#"style="margin-left:21px">马上填写</a><span>自己的个人介绍，让大家快速了解真实的你</span>\</td>
                </tr>
                <tr >
                   <td><p style="margin-left:40px">联系信息</p></td> 
                   <td><a href="#" style="margin-left:520px">编辑</a></td><br>
                </tr>
                <tr>
                    <td><p style="margin-left:63px">邮箱</p></td>
                    <td><a href="#"style="margin-left:21px">马上填写</a><span>你的邮箱信息</span></td>
                </tr>
                <tr>
                    <td><p style="margin-left:68px">QQ</p></td>
                    <td><a href="#"style="margin-left:21px">马上填写</a><span>你的qq信息</span></td>
                </tr>
                <tr>
                    <td><p style="margin-left:68px">MSN</p></td>
                    <td><a href="#"style="margin-left:21px">马上填写</a><span>你的msn信息</span></td>
                </tr>
                <tr >
                   <td><p style="margin-left:40px">职业信息</p></td> 
                   <td><a href="#" style="margin-left:520px">编辑</a></td><br>
                </tr>
                <tr>
                    <td><p style="margin-left:65px">公司</p></td>
                    <td><p style="margin-left:20px">成都东软</p></td>
                </tr>
                <tr>
                    <td><p style="margin-left:65px">地区</p></td>
                    <td><p style="margin-left:20px">四川，成都</p></td>
                </tr>
                <tr>
                    <td><p style="margin-left:63px">职位</p></td>
                    <td><p style="margin-left:20px">学生</p></td>
                </tr>
                <tr >
                   <td><p style="margin-left:40px">教育信息</p></td> 
                   <td><a href="#" style="margin-left:520px">编辑</a></td><br>
                </tr>
                <tr>
                    <td><p style="margin-left:68px">大学</p></td>
                    <td><p style="margin-left:20px">成都东软学院</p></td>
                </tr>
                <tr >
                   <td><p style="margin-left:40px">标签信息</p></td> 
                   <td><a href="#" style="margin-left:520px">编辑</a></td><br>
                </tr>
                <tr>
                    <td><p style="margin-left:63px">标签</p></td>
                    <td><p style="margin-left:63px"><button>校园生活</button></p></td>
                </tr>
                
             </table>
            </div>
        </div>
    </div>
    
    </body>
</html>